<template>
    <div>
        <h1>当前数字为:{{$store.state.num}},数字是{{$store.getters.oddOrEven}}</h1>
        <button @click="$store.commit('ADD')">+</button>
        <button @click="$store.commit('REDUCE')">-</button>
        <button @click="$store.commit('ODDNUMBERADD')">odd number add</button>
        <button @click="$store.dispatch('asyncAdd')">async add</button>
    </div>
</template>

<script>
export default {
    name: 'DataView',
    // methods: {
    //     add(){
    //         console.log('xx');
    //         this.num += 1;
    //     },
    //     reduce(){
    //         this.num -= 1;
    //     },
    //     oddNumberAdd(){
    //         1 & this.num ? this.num += 1 : '';
    //     },
    //     asyncAdd(){
    //         setTimeout(() => {
    //             this.num += 1;
    //         },1000);
    //     }
    // },
    // computed: {
    //     oddOrEven(){
    //         return 1 & this.num  ? '奇数' : '偶数';
    //     }
    // }
}
</script>